<!--
bezierCurverTo()
-->
<!DOCTYPE html>
<html>
    <head>
        <title>bezier</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div>
            <canvas id="huabu" height="300" width="300" style='border: 1px black solid'>Your browser is not support html 5 !(canvas)</canvas>
            <script type="text/javascript">
                var hua=document.getElementById('huabu');
                var paint=hua.getContext('2d');
                paint.beginPath();
                paint.moveTo(20,20);
                paint.bezierCurveTo(20,100,30,150,150,10);
                paint.closePath();
                paint.lineWidth=10;
                paint.fillStyle='#0f0';
                paint.fill();
            </script>
        </div>
        <div id="css3">css3</div>
        <style type='text/css'>
            #css3{
                padding: 10px;
                width:300px;
                height: 50px;
                border: solid ;
                border-color:green;
                border-width: 2px;
                -webkit-border-radius: 15px;
                border-radius: 15px;
            }
        </style>
        <a href="canvas.html" >canvas.html</a>
        <style  type="text/css">
            a:selected{color:red;}
            a:active{color:yellowgreen;}
            a:link{color:blue;}
            a:hover{color:purple}
            a{text-decoration: none;}
        </style>
    </body>
</html>
